﻿@model IEnumerable<trangbaocao.Models.Move_Device>        
<!--Body-->
<div align="center" style="margin-bottom:10px;"><h1>DANH SÁCH LỊCH SỬ THIẾT BỊ</h1></div>
<div class="container_12">
    <div class="grid_12">
        <!-- Notification boxes -->
        @if (TempData["msg"] != null)
        {                            
            <span class="notification n-success">@TempData["msg"]</span>
        } 
        
            <!-- Example table -->  
        @using (Html.BeginForm("CheckedAction", "Move_Device", FormMethod.Post, new { id = "CheckedAction", name = "CheckedAction" }))
        {                     
            <div class="module">
                 <h2 align="right"><span align="right"><a href="@Url.Action("Index", "Move_Device")">Quay lại</a></span></h2>                     
               @* <div class="module-table-body">
                    <table id="myTable" class="tablesorter">*@
                    <div class="module-table-body">
                        <div class="scrolling">
                        <div class="data-table" style="width:200%">
                            <table id="myTable" class="tablesorter">
                                <thead>
                                <tr>
                                        <th style="width:2%">STT</th> 
                                        <th style="width:6%">Ngày chuyển</th>
                                        <th style="width:8%">Tên mới thiết bị</th>
                                        <th style="width:5%">Trạm mới</th>                                      
                                        <th style="width:7%">Trung tâm mới</th>
                                        <th style="width:7.5%">Mã hệ thống mới</th>
                                        <th style="width:8%">Tên cũ thiết bị</th>
                                        <th style="width:5%">Trạm cũ</th> 
                                        <th style="width:6%">Trung tâm cũ</th>
                                        <th style="width:8%">Mã hệ thống cũ</th>
                                        <th style="width:7.5%">Người dịch chuyển</th>
                                        @*<th style="width:5%">Ghi chú</th> *@                                    
                                    </tr>
                                </thead>
                             <tbody>
                        @{int stt = 0;}
                        @foreach (var item in Model)
                        {
                            stt++;
                            <tr>  
                                <td class="align-center">@stt</td>
                                <td> @Html.DisplayFor(modelItem => item.date_move)</td>
                                <td> @Html.DisplayFor(modelItem => item.name_tb_new)</td>
                                <td> @Html.DisplayFor(modelItem => item.stations_name_to)</td>
                                <td> @Html.DisplayFor(modelItem => item.main_stations_name_to)</td>
                                <td> @Html.DisplayFor(modelItem => item.ma_ht_new)</td>
                                <td> @Html.DisplayFor(modelItem => item.name_tb_old)</td>
                                <td> @Html.DisplayFor(modelItem => item.stations_name_from)</td>
                                <td> @Html.DisplayFor(modelItem => item.main_stations_name_from)</td>
                                <td> @Html.DisplayFor(modelItem => item.ma_ht_old)</td>
                                <td> @Html.DisplayFor(modelItem => item.nv_dichchuyen)</td>
                                @*<td> @Html.DisplayFor(modelItem => item.note_move)</td>*@
                            </tr>
                        }   
                        </tbody>
                    </table>
                    </div></div>
                    <div class="pager" id="pager">
                        <div>
                        <img class="first" src="../../Content/Body/Images/arrow-stop-180.gif"  alt="first"/>
                        <img class="prev" src="../../Content/Body/Images/arrow-180.gif" alt="prev"/> 
                        <input type="text" class="pagedisplay input-short align-center"/>
                        <img class="next" src="../../Content/Body/Images/arrow.gif" alt="next"/>
                        <img class="last" src="../../Content/Body/Images/arrow-stop.gif" alt="last"/> 
                        <select class="pagesize input-short align-center">
                            <option value="20" selected="selected">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                        </select>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                </div> <!-- End .module-table-body -->
            </div> <!-- End .module --> 
        }                                                                    
	</div> <!-- End .grid_12 -->            
    <div style="clear:both;"></div>            
</div>